<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets">
    
    <ui:composition>
        
            <div class="navbar navbar-inverse navbar-fixed-top">
                <div class="navbar-inner">
                    <div class="container">
                        <div class="nav-collapse collapse">
                            <div style="float: right;">
                                <div class="btn-group">
                                    <a id="usuarioMenu" class="btn btn-primary dropdown-toggle " data-toggle="dropdown" href="#">
                                        <i class="icon-user icon-white"></i> oikoite
                                        <span class="caret"></span>
                                    </a>
                                    <ul class="dropdown-menu">
                                        <li><a href="Configuracion"><i class="icon-wrench"></i> Configuracion</a></li>						    
                                        <li><a href="CerrarSession"><i class="icon-off"></i> Cerrar Sesión</a></li>
                                    </ul>
                                </div>
                            </div>
                            <ul class="nav">
                                <li><a href="index.jsp" style="color: white;"><i class="icon-home icon-white"></i> Inicio</a></li>
                            </ul>

                            <ul class="nav navbar-nav">
                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" style="color: white;"><i class="icon-list-alt icon-white"></i> Menu <b class="caret"></b></a>
                                    <ul class="dropdown-menu">
                                        <li class="dropdown-submenu">
                                            <a tabindex="-1" href="#"><i class="icon-tags"></i> Datos Generales</a>
                                            <ul class="dropdown-menu">
                                                <li><a href="Rol"><i class="icon-user"></i> Roles</a></li>
                                                <li class="divider"></li>								
                                                <li><a href="Usuario"><i class="icon-user"></i> Usuarios</a></li>
                                                <li class="divider"></li>								
                                                <li><a href="Cliente"><i class="icon-user"></i> Clientes</a></li>
                                                <li class="divider"></li>								
                                                <li><a href="TipoTarea"><i class="icon-text-width"></i> Tipo Tarea</a></li>       			
                                            </ul>
                                        </li>
                                        <li class="divider"></li>
                                        <li class="dropdown-submenu">
                                            <a tabindex="-1" href="#"><i class="icon-tags"></i> Datos Proyectos</a>
                                            <ul class="dropdown-menu">
                                                <li><a href="Proyecto"><i class="icon-th-list"></i> Proyectos</a></li>
                                                <li class="divider"></li>								
                                                <li><a href="Componente"><i class="icon-th"></i> Componentes</a></li>
                                                <li class="divider"></li>								
                                                <li><a href="Modulo"><i class="icon-list-alt"></i> Módulos</a></li>
                                                <li class="divider"></li>								
                                                <li><a href="ProyectoUsuario"><i class="icon-th-list"></i> Proyectos | Usuarios <i class="icon-user"></i></a></li>  			
                                            </ul>
                                        </li>						        
                                        <li class="divider"></li>
                                        <li class="dropdown-submenu">
                                            <a tabindex="-1" href="#"><i class="icon-tags"></i> Datos Tareas</a>
                                            <ul class="dropdown-menu">
                                                <li><a href="Tarea"><i class="icon-edit"></i> Tareas</a></li>
                                                <li class="divider"></li>								
                                                <li><a href="Actividad"><i class="icon-retweet"></i> Actividades</a></li>
                                                <li class="divider"></li>								
                                                <li><a href="Hito"><i class="icon-map-marker"></i> Hitos</a></li>									
                                            </ul>
                                        </li>								        																			        
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>	
            </div>
    </ui:composition>    
</html>
